<template>
  <div class="page-grey fiexd">
    <div class="top">
      <span @click="$router.back()">
        <svg-icon icon-class="back" class="icon" />
      </span>
      <span>提现</span>
      <a class="link" href="/withdraw/add">添加银行卡</a>
    </div>
    <ul class="list">
      <li
        class="list-item"
        v-for="(item, index) in list"
        :key="index"
        @click="choose(item)"
      >
        <img :src="require(`../../../assets/images/bank_${item.name}.png`)" />
        <div class="txt-bar">
          <p>中国建设银行</p>
          <p class="prompt">2018-11-11 18:33</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cur: "jh",
      list: [
        { num: "0000", name: "jh", title: "中国建设银行", type: "储蓄卡" },
        { num: "0001", name: "gh", title: "中国工商银行", type: "信用卡" },
        { num: "0102", name: "yz", title: "中国邮政银行", type: "储蓄卡" }
      ]
    };
  },
  methods: {
    choose(card) {
      this.$router.push({ name: "withdraw", params: { card } });
    }
  }
};
</script>
